Fric-frac Person/Index wireframe omzetten naar HTML

Probleem

Met Index bedoelen we een pagina waarop de gebruiker een entiteit uit een platte entiteit kan selecteren, inserten, de details ervan bekijken en vervolgens kan updaten of deleten. De wireframe voor Index vind je in Fric-frac Wireframes Person.

Design

Op de wireframe plakken we html elementen met de klassennamen van tower pattern:

Oplossing

1. We willen alle views voor de entiteit Person samenzetten in één map en maken daarvoor een map met de naam Person.
2. Maak een nieuwe View Page met in de Views/Person map:
3. Geef er de naam Index aan.
4. Kies de MasterLayout layout pagina.
5. Je kan nu al alleen de html intypen of wachten totdat we ook het model in de view implementeren:

   @{
       Layout = "~/Views/Shared/MasterLayout.cshtml";
   }
   <nav class="control-panel">
       <a href="/Home/Index" class="tile">
           <span class="icon-menu2"></span>
           <span class="screen-reader-text">Home</span>
       </a>
       <h1 class="banner">Fric-frac</h1>
   </nav>
   <form class="show-room entity" action="/Person/Index" method="post">
       <div class="detail">
           <div class="command-panel">
               <h2 class="banner">Persoon</h2>
               <a href="/Person/InsertingOne" class="tile">
                   <span class="icon-plus"></span>
                   <span class="screen-reader-text">InsertingOne</span>
               </a>
           </div>
           <fieldset>
           </fieldset>
           <div class="feedback">
           </div>
       </div>
       <aside class="list">
           <table></table>
       </aside>
   </form>